.header {
  width: 100%;
  position: fixed;
  top: 0rem;
  height: 1.1rem;
  background-image: url("../images/newTopBg.png");
  z-index: 500;
  .content {
    padding-left: 0.22rem;
    padding-top: 0.15rem;
    justify-content: space-between;
    align-items: center;
    .logo {
      img {
        height: 0.83rem;
      }
    }
    .menu {
      margin-right: 0.3rem;
    }
  }
}
.swipslider {
  padding: none !important;
}
.header_login {
  height: 0.8rem;
  background-color: #2656aa;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 0rem 0.2rem 0rem 0rem;
  .left {
    img {
      width: 0.32rem;
      height: 0.32rem;
    }
  }
  .center {
    font-size: 0.24rem;
    // font-weight: bold;
  }
  .right {
    font-size: 0.16rem;
    a {
      color: white;
    }
  }
}
.registerbox {
  margin-top: 1rem;
  padding: 0rem 0.3rem;
  .input_box {
    border: 0.01rem solid #e7e7e7;
    border-radius: 0.06rem;
    padding: 0rem 0.1rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-bottom: 0.15rem;
    .title {
      margin-right: 0.2rem;
    }
    .input {
      width: 100%;
      height: 0.48rem;
      input {
        width: 100%;
        font-size: 0.16rem;
      }
    }
  }
  .login_btn {
    margin-top: 0.2rem;
    width: 5.18rem;
    background-color: #2656aa;
    height: 0.5rem;
    line-height: 0.5rem;
    color: white;
    border-radius: 0.3rem;
    font-size: 0.24rem;
  }
  .text {
    margin-top: 0.1rem;
    text-align: right;
    font-size: 0.12rem;
    a {
      color: blue;
    }
  }
  .RetrievePassword {
    text-align: right;
    a {
      color: blue;
      font-size: 0.16rem;
    }
  }
  .sendtext {
    margin-bottom: 0.1rem;
    span {
      color: red;
    }
  }
}
.btn_gray {
  background-color: gray !important;
}

.HomepageModule {
  padding-top: 0.45rem;
  &.project {
    background: #eff2f6;
  }

  .title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    .leftxian {
      width: 1.43rem;
      background: #e1e4e9;
      display: inline-block;
      height: 0.01rem;
    }
    .text {
      margin: 0rem 0.2rem;
      ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        li {
          &:nth-child(1) {
            height: 0.28rem;

            font-size: 0.28rem;
            font-weight: bold;
            font-stretch: normal;
            line-height: 0.22rem;
            letter-spacing: 0rem;
            color: #3265bd;
          }
          &:nth-child(2) {
            font-size: 0.14rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 0.31rem;
            letter-spacing: 0rem;
            color: #818180;
          }
        }
      }
    }
    .more {
      position: absolute;
      right: 0.26rem;
      a {
        color: #5c80c7;
        font-size: 0.18rem;
      }
    }
  }
  .newslist {
    padding-left: 0.55rem;
    padding-bottom: 0.32rem;
    margin-top: 0.41rem;
    .newsbox {
      margin-bottom: 0.4rem;
      .timedata {
        border-left: 0.04rem #da6725 solid;
        padding-left: 0.05rem;
        margin-right: 0.4rem;
        ul {
          li {
            &:nth-child(1) {
              font-size: 0.18rem;
              font-weight: normal;
              font-stretch: normal;
              line-height: 0.25rem;
              letter-spacing: 0rem;
              color: #123b75;
            }
            &:nth-child(2) {
              font-size: 0.27rem;
              font-weight: normal;
              letter-spacing: 0rem;
              color: #da6726;
            }
          }
        }
      }
      p {
        width: 4.18rem;
        font-size: 0.22rem;
        color: #1e1d1d;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
    }
  }
  .Projectlist {
    padding-left: 0.42rem;
    margin-top: 0.38rem;
    padding-bottom: 0.54rem;

    .Projectbox {
      margin-bottom: 0.15rem;
      img {
        border: 0.01rem solid #666;
        width: 5.16rem;
        height: 3rem;
      }
      dl {
        margin-top: 0.1rem;
        dt {
          font-size: 0.24rem;
          font-weight: normal;
          font-stretch: normal;
          line-height: 0.31rem;
          letter-spacing: 0rem;
          color: #373737;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-bottom: 0.1rem;
        }
        dd {
          font-size: 0.2rem;
          font-weight: normal;
          font-stretch: normal;
          line-height: 0.31rem;
          letter-spacing: 0rem;
          color: #949494;
        }
      }
    }
  }
  &.teacher {
    background: #2b5bab;
    padding-bottom: 0.61rem;
    .title {
      .text {
        ul {
          li {
            color: #ffffff;
          }
        }
      }
      .more {
        a {
          color: #ffffff;
        }
      }
    }
  }
}
.infofoot {
  background: #214682;
  padding-top: 0.57rem;
  padding-left: 0.53rem;
  padding-bottom: 0.43rem;
  dl {
    dt {
      color: #6cb8ff;
      font-size: 0.16rem;
      margin-bottom: 0.19rem;
    }
    dd {
      margin-bottom: 0.19rem;
      color: #6cb8ff;
      font-size: 0.14rem;
    }
  }
}
.teacherlist {
  width: 5.06rem;
  margin-left: 0.47rem;
  margin-top: 0.36rem;
  .jd_banner {
    .peopleinfo {
      // height: 3rem;
      background: #eff2f6;
      padding: 0.45rem;
      .title {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 0.34rem;
        > div {
          &:nth-child(1) {
            color: #3e3e3e;
            font-size: 0.3rem;
            margin-right: 0.24rem;
          }
          &:nth-child(2) {
            color: #939393;
            font-size: 0.18rem;
          }
        }
      }
      > p {
        line-height: 0.36rem;
        letter-spacing: 0rem;
        color: #3e3e3e;
        font-size: 0.16rem;
        text-indent: 2em;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
      }
    }
  }
}
.newslist {
  overflow: hidden;
  .tablist {
    position: fixed;
    top: 1.1rem;
  }
  .newsbox {
    margin-bottom: 0.4rem;
    .timedata {
      border-left: 0.04rem #da6725 solid;
      padding-left: 0.05rem;
      margin-right: 0.2rem;
      ul {
        li {
          &:nth-child(1) {
            font-size: 0.18rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 0.25rem;
            letter-spacing: 0rem;
            color: #123b75;
            width: 0.4rem;
          }
          &:nth-child(2) {
            font-size: 0.27rem;
            font-weight: normal;
            letter-spacing: 0rem;
            color: #da6726;
          }
        }
      }
    }
    p {
      width: 4.18rem;
      font-size: 0.22rem;
      color: #1e1d1d;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
  .news_listbox {
    margin-top: 0.2rem;
    padding: 1.2rem 0.35rem;
    // height: 100vh;
    // overflow: auto;
    .news_box {
      border-bottom: 0.01rem solid #e5e5e5;
      height: 0.6rem;
      line-height: 0.6rem;
      font-size: 0.2rem;
      // &:active{
      //   background: #285DE8;
      //   color: white;
      //   span,p{
      //     color: white;
      //   }
      // }
      p {
        width: 4.6rem;
        padding-left: 0.1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      span {
        color: #3e3e3e;
      }
    }
  }
}
.NewsDetails {
  padding: 0.4rem;
  padding-top: 1.4rem;
  padding-bottom: 1.2rem;
  .title {
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-bottom: 0.2rem;
    .name {
      font-size: 0.28rem;
      font-weight: bold;
      color: #1e1d1d;
    }
    .time {
      margin-top: 0.05rem;
      color: #929292;
      font-size: 0.16rem;
      // ul {
      //   display: flex;
      //   li {
      //     color: #929292;
      //     font-size: 0.16rem;
      //   }
      // }
    }
  }
  .center {
    font-size: 0.16rem;
    img {
      width: 100%;
      margin: 0.05rem 0rem;
    }
    p {
      margin: 0.05rem 0rem;
      text-indent: 2em;
      font-size: 0.16rem;
      line-height: 0.3rem;
      color: #666;
    }
  }
  .back {
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
    span {
      width: 1.5rem;
      height: 0.4rem;
      color: white;
      background: #285de8;
      display: inline-block;
      text-align: center;
      line-height: 0.4rem;
      border-radius: 0.06rem;
    }
  }
}
.Trainlist {
  padding: 0.45rem;
  padding-bottom: 0.8rem;
  padding-top: 1.2rem;

  .Trainbox {
    display: flex;
    // border-bottom: 0.01rem solid lavender;
    background: white;
    margin: 0.1rem 0.1rem 0.15rem 0;
    margin-bottom: 0.3rem;
    min-height: 0.8rem;
    margin-bottom: 0.3rem;
    img {
      width: 1.5rem;
      height: 0.8rem;
      margin-right: 0.2rem;
      border: 0.01rem solid #ddd;
    }
    .Traininfo {
      padding: 0.05rem 0.1rem;
      ul {
        li {
          &:nth-child(1) {
            display: inline-block;
            font-weight: bold;
            font-size: 0.2rem;
            overflow: hidden;
            width: 3.1rem;
            text-overflow: ellipsis;
            white-space: normal;
            margin-bottom: 0.1rem;
            // display: flex;
            // justify-content: space-between;
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          &:nth-child(2) {
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 0.14rem;
          }
        }
      }
    }
  }
}
.TrainingDetails {
  padding-bottom: 1rem;
  background: #f2f2f2;

  > .tu {
    width: 100%;
  }
  .PaymentInformation {
    padding: 1rem 0.35rem 0.35rem 0.35rem;
    background: white;
    > .title {
      text-align: left;
      font-size: 0.3rem;
      font-weight: bold;
      color: #373737;
      margin-bottom: 0.3rem;
    }
    > .daotime {
      color: #6a6a6a;
      font-size: 0.2rem;
    }
    a {
      background: blue;
      color: white;
      border-radius: 0.03rem;
      width: 3.5rem;
      height: 0.4rem;
      margin-left: 1.05rem;
      line-height: 0.4rem;
      margin-top: 0.2rem;
      display: inline-block;
      text-align: center;
    }
  }
  .BasicInformation {
    padding: 0.35rem;
    background: white;
    margin-top: 0.2rem;
    > dl {
      > dt {
        margin-bottom: 0.2rem;
        font-size: 0.28rem;
        color: #9f9f9f;
      }
      > dd {
        padding-right: 0.2rem;
        margin-bottom: 0.1rem;
        font-size: 0.16rem;
      }
    }
    ul {
      li {
        margin-bottom: 0.08rem;
        font-size: 0.16rem;
        font-weight: bold;
        span {
          margin-left: 0.15rem;
          font-size: 0.18rem;
        }
        .red {
          color: red;
        }
      }
    }
    .SignUpImmediate {
      color: white;
      background: #285de8;
      display: inline-block;
      text-align: center;
      height: 0.5rem;
      line-height: 0.5rem;
      width: 3rem;
      margin-top: 0.2rem;
    }
  }
  > .ProjectIntroduction {
    padding: 0.35rem;
    background: white;
    margin-top: 0.2rem;
    > dl {
      > dt {
        margin-bottom: 0.2rem;
        font-size: 0.24rem;
      }
      > dd {
        padding-right: 0.2rem;
        margin-bottom: 0.1rem;
        font-size: 0.16rem;
        line-height: 0.4rem;
      }
    }
  }
}

.jumpbox {
  background: white;
  margin-top: 0.2rem;
  .jumplist {
    a {
      ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.1rem 0.2rem;
        li {
          font-size: 0.2rem;
          img {
            width: 0.35rem;
            height: 0.35rem;
          }
        }
        border-bottom: 0.01rem solid #e5e5e5;
      }
    }
  }
}
.borBox {
  padding: 0.3rem;
  margin-top: 1.1rem;
}
.peoplebox {
  border: 0.01rem solid #b1b1b2;

  .photo {
    // margin-top: 0.25rem;
    // margin-bottom: 0.2rem;
    padding: 0rem 0.3rem;
    img {
      width: 100%;
    }
  }
  .Introduce {
    padding: 0.3rem;
    background: #efeff2;
    .name {
      text-align: left;
      font-size: 0.28rem;
      font-weight: bold;
      margin-bottom: 0.2rem;
      span {
        font-size: 0.18rem;
        font-weight: 300;
        color: #b1b1b2;
      }
    }
    .Introduceinfo {
      line-height: 0.3rem;
      text-indent: 2em;
    }
  }
}
.xz {
  width: 2.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.back {
  width: 3.5rem;
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  background: #2656aa;
  color: white;
  border-radius: 0.06rem;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
  a {
    width: 3.5rem;
    text-align: center;
    height: 0.4rem;
    line-height: 0.4rem;
    display: inline-block;
    background: #2656aa;
    color: white;
    border-radius: 0.06rem;
    margin-top: 0.5rem;
    margin-left: 0.3rem;
  }
}
.Filebox {
  margin-top: 0.8rem;
  padding-top: 1.1rem;
  padding-bottom: 1.2rem;
  > .title {
    padding: 0rem 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-bottom: 0.2rem;
    border-bottom: 0.01rem solid #e5e5e5;
    height: 0.6rem;
    line-height: 0.6rem;
    position: fixed;
    top: 1.1rem;
    z-index: 100;
    background: white;
    width: 100%;
    .name {
      text-align: center;
      font-size: 0.28rem;
      // font-weight: bold;
      color: #1e1d1d;
    }
  }
  .Filelist {
    display: flex;
    align-items: center;
    padding: 0.05rem 0.45rem;
    margin-bottom: 0.1rem;
    img {
      width: 0.35rem;
      height: 0.35rem;
    }
    a {
      display: block;
      overflow: hidden;
      width: 3.5rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
}
.Captcha {
  border: none !important;
  padding: 0rem !important;
  .input {
    border: 0.01rem solid #e7e7e7;
    width: 4.32rem !important;
    padding: 0rem 0.1rem;
  }
  .getCaptcha {
    background: #2656aa;
    color: white;
    height: 0.48rem;
    line-height: 0.48rem;
    border-radius: 0.03rem;
    margin-left: 0.05rem;
    width: 1rem;
    text-align: center;
  }
}
.ToSignUp,
.CourseDetails {
  padding-top: 1.1rem;
  background: #f2f2f2;
  // padding-bottom: 1rem;
  .setupbox {
    background: white;
    margin-bottom: 0.3rem;
    padding-bottom: 0.4rem;
    .title {
      padding-top: 0.4rem;
      padding-left: 0.4rem;
      color: #a3a3a3;
      font-size: 0.3rem;
    }
    .center {
      margin-top: 0.25rem;
      .Steps {
        padding-left: 0.4rem;
        ul {
          display: flex;
          align-items: center;
          li {
            img {
              width: 0.3rem;
              height: 0.3rem;
              margin: 0rem 0.05rem;
            }
          }
          .tit {
            color: white;
            width: 1rem;
            height: 0.3rem;
            border-radius: 0.3rem;
            background: #b5b5b5;
            font-size: 0.16rem;
            text-align: center;
            line-height: 0.3rem;
          }
          .check {
            background: #2376d7;
          }
        }
      }
      .input {
        border-bottom: 0.01rem solid #e5e5e5;
        margin: 0rem 0.4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 0.65rem;
        line-height: 0.65rem;
        .left {
          font-size: 0.2rem;
        }
        .right {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          width: 3rem;
          input {
            width: 2rem;
            font-size: 0.16rem;
          }
          textarea {
            width: 2rem;
            min-height: 0.8rem;
          }
          .checkbox {
            input {
              width: 0.4rem;
            }
          }
          img {
            width: 0.4rem;
            height: 0.4rem;
          }
        }
      }
      .pay {
        padding: 0rem 0.45rem;

        .smallbox {
          height: 0.6rem;
          line-height: 0.6rem;
          font-size: 0.2rem;
        }
      }
      .paybtn {
        border-top: 0.01rem solid #e5eaf3;
        padding: 0rem 0.4rem;
        justify-content: space-between;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        .left {
          font-size: 0.36rem;
          color: #ff5800;
        }
        .right {
          .sub {
            background: #ff5800;
            color: white;
            width: 2.5rem;
            height: 0.6rem;
            font-size: 0.26rem;
            border-radius: 0.04rem;
          }
        }
      }
    }
  }
}
.SpecialItem {
  border: 0.01rem solid #c3c3c3;
  background: #eaf3ff;
  display: inline-block;
  padding: 0.3rem 0.3rem;
  margin-bottom: 0.4rem;
  dl {
    dt {
      font-size: 0.28rem;
      color: #252422;
      text-align: center;
      margin-bottom: 0.2rem;
      font-weight: bold;
    }
    dd {
      font-size: 0.2rem;
      color: #6b6c6c;
      line-height: 0.3rem;
    }
  }
  // > img {
  //   width: 100%;
  // }
  // .title {
  //   .name {
  //     font-size: 0.16rem;
  //   }
  // }
}
.SpecialItemDetails {
  padding-bottom: 0.5rem !important;
  > .title {
    > .name {
      text-align: center;
    }
  }
}
.SpecialItemDetails_Course {
  padding: 0rem 0.4rem;
  padding-bottom: 0.8rem;
  > .title {
    margin-bottom: 0.2rem;
    dl {
      dd {
        font-size: 0.3rem;
        color: #134c9e;
        margin-bottom: 0.1rem;
      }
      dt {
        color: #929292;
        font-size: 0.13rem;
      }
    }
  }
  .Trainbox {
    display: flex;
    // border-bottom: 0.01rem solid lavender;
    background: white;
    margin: 0.1rem 0.1rem 0.15rem 0;
    margin-bottom: 0.3rem;
    height: 0.7rem;
    margin-bottom: 0.3rem;
    img {
      width: 1.5rem;
      height: 0.8rem;
      margin-right: 0.2rem;
      border: 0.01rem solid #ddd;
    }
    .Traininfo {
      ul {
        li {
          &:nth-child(1) {
            display: inline-block;
            font-weight: bold;
            font-size: 0.2rem;
            overflow: hidden;
            width: 3.3rem;
            text-overflow: ellipsis;
            white-space: normal;
            margin-bottom: 0.1rem;
            // display: flex;
            // justify-content: space-between;
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          &:nth-child(2) {
            font-size: 0.14rem;
          }
        }
      }
    }
  }
}
.Notice {
  padding-top: 1.1rem;
  padding-bottom: 1.2rem;
  .title {
    padding: 0rem 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-bottom: 0.2rem;
    border-bottom: 0.01rem solid #e5e5e5;
    height: 0.6rem;
    line-height: 0.6rem;
    position: fixed;
    top: 1.1rem;
    z-index: 100;
    background: white;
    width: 100%;
    .name {
      text-align: center;
      font-size: 0.28rem;
      // font-weight: bold;
      color: #1e1d1d;
    }
  }
  .center {
    padding: 0rem 0.4rem;
    padding-top: 0.8rem;
    > img {
      width: 100%;
      margin: 0.05rem 0rem;
    }
    > p {
      margin: 0.05rem 0rem;
      text-indent: 2em;
    }
  }
}
.gary {
  background: #f2f2f2;
}
.Course {
  background: #f2f2f2;
  .Coursebox {
    margin-bottom: 0.3rem;
    background: white;
    padding: 0.4rem;
    .DateOf {
      font-size: 0.3rem;
      color: #585858;
      margin-bottom: 0.2rem;
      padding-bottom: 0.2rem;
    }
    .Curriculum {
      &:not(:last-child) {
        border-bottom: 0.01rem solid #c1c1c1;
      }
      margin-bottom: 0.15rem;
      .Head {
        .todo {
          font-size: 0.22rem;
          font-weight: bold;
          margin-bottom: 0.05rem;
        }
        .time {
          font-size: 0.14rem;
          color: #254c9d;
          margin-bottom: 0.1rem;
        }
      }
      .Introduce {
        margin-bottom: 0.2rem;
      }
    }
  }
}

.Message {
  padding-top: 1.1rem;
  padding-bottom: 0.8rem;
  > .title {
    padding: 0rem 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-bottom: 0.2rem;
    border-bottom: 0.01rem solid #e5e5e5;
    height: 0.6rem;
    line-height: 0.6rem;
    position: fixed;
    top: 1.1rem;
    z-index: 100;
    background: white;
    width: 100%;
    .name {
      text-align: center;
      font-size: 0.28rem;
      // font-weight: bold;
      color: #1e1d1d;
    }
  }
  .box {
    padding-top: 0.6rem;
    background: #c1c1c1;
  }
}
.mesbigbox {
  background: white;
  padding: 0.4rem;
  margin-bottom: 0.07rem;
  &:not(:last-child) {
    border-bottom: 0.01rem solid #c1c1c1;
  }
  > .AMessageSource {
    font-size: 0.25rem;
    font-weight: bold;
    background: #c1c1c1;
    padding: 0.03rem 0.1rem;
  }
  .Messagebox {
    &:not(:first-child) {
      padding-left: 0.2rem;
    }
  }
  > .Rep {
    background: #c1c1c1;
    padding: 0.1rem;
    border-radius: 0.04rem;
    position: relative;
    > img {
      width: 0.2rem;
      height: 0.2rem;
      position: absolute;
      top: 0.05rem;
      right: 0.05rem;
    }
    .input {
      margin-top: 0.1rem;
      display: flex;
      align-items: center;
      input {
        padding: 0.04rem 0.1rem;
        width: 3.5rem;
        margin-right: 0.05rem;
      }
      button {
        background: rgb(52, 152, 219);
        color: white;
        display: inline-block;
        width: 0.8rem;
        height: 0.3rem;
        line-height: 0.3rem;
      }
    }
  }
}
.Messagebox {
  padding: 0.1rem 0rem;
  > .title {
    ul {
      display: flex;
      justify-content: space-between;
      li {
        color: #a2a2a2;
        font-size: 0.12rem;
      }
    }
  }
  .Text {
    padding: 0.1rem 0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    > p {
      font-size: 0.16rem;
      width: 3.3rem;
    }
    > .regto {
      width: 1rem;
      height: 0.35rem;
      font-size: 0.18rem;
      text-align: center;
      line-height: 0.35rem;
      display: inline-block;
      background: rgb(230, 126, 34);
      border-radius: 0.06rem;
      color: white;
    }
  }
}
.aboutme {
  padding: 0.4rem;
  padding-top: 1.1rem;
  padding-bottom: 1rem;
  .NewsDetails {
    padding: 0.1rem 0rem;
  }
}
.MyCenter {
  margin-top: 0.8rem;
  padding-top: 1.1rem;
  padding-bottom: 1.2rem;
  > .title {
    padding: 0rem 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-bottom: 0.2rem;
    border-bottom: 0.01rem solid #e5e5e5;
    height: 0.6rem;
    line-height: 0.6rem;
    position: fixed;
    top: 1.1rem;
    z-index: 100;
    background: white;
    width: 100%;
    .name {
      text-align: center;
      font-size: 0.28rem;
      // font-weight: bold;
      color: #1e1d1d;
    }
  }
}
.taglist {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  position: fixed;
  top: 1.1rem;
  background: #f1f0f0;
  border-bottom: 0.01rem solid #e5e5e5;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0rem 0.15rem;
  display: flex;
  align-items: center;
  &::-webkit-scrollbar {
    display: none;
  }
  ul {
    // display: flex;
    // align-items: center;
    height: 0.6rem;
    line-height: 0.6rem;
    white-space: nowrap;
    li {
      // min-width: 0.8rem;
      padding: 0rem 0.15rem;
      height: 0.3rem;
      line-height: 0.3rem;
      border: 0.01rem solid #b5b5b5;

      background: white;
      text-align: center;
      border-radius: 0.03rem;
      margin-right: 0.05rem;
      display: inline-block;
      &.check {
        background: #3265bd;
        color: white;
      }
    }
  }
  span {
    img {
      width: 0.4rem;
      height: 0.4rem;
    }
    // position: fixed;
    // right: 0rem;
    // top: 1.1rem;
    // background: white;
  }
}
#getArea {
  font-size: 0.16rem !important;
}
.Certificate {
  padding: 0.4rem;

  .certificateBox {
    &:not(:last-child) {
      border-bottom: 0.01rem solid #e5e5e5;
    }
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    > img {
      width: 100%;
    }
    > .name {
      font-size: 0.3rem;
    }
    > .time {
    }
    > .Operate {
      margin-top: 0.3rem;
      display: flex;
      justify-content: space-around;
      li {
        &:nth-child(1) {
          a {
            width: 0.8rem;
            height: 0.4rem;
            display: inline-block;
            text-align: center;
            line-height: 0.4rem;
            background: rgb(52, 152, 219);
            color: white;
            border-radius: 0.02rem;
          }
        }
        &:nth-child(2) {
          a {
            width: 0.8rem;
            height: 0.4rem;
            display: inline-block;
            text-align: center;
            line-height: 0.4rem;
            background: rgb(142, 68, 173);
            color: white;
            border-radius: 0.02rem;
          }
        }
      }
    }
  }
}
.FocusOn {
  .FocusOnBtn {
    width: 0.7rem;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.13rem;
    color: white;
    display: inline-block;
    background: rgb(149, 165, 166);
    height: 0.3rem;
    &.check {
      background: rgb(211, 84, 0);
    }
  }
  .course {
    .Trainbox {
      align-items: center;
    }
  }
}
.PersonalData {
  padding-bottom: 1.3rem;
  .input {
    border-bottom: 0.01rem solid #e5e5e5;
    margin: 0rem 0.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 0.65rem;
    line-height: 0.65rem;
    .left {
      font-size: 0.2rem;
    }
    .right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 3rem;
      input {
        width: 2rem;
        font-size: 0.16rem;
      }
      textarea {
        width: 2rem;
        min-height: 0.8rem;
      }
      .checkbox {
        input {
          width: 0.4rem;
        }
      }
      img {
        width: 0.4rem;
        height: 0.4rem;
      }
    }
  }
  .save {
    margin-top: 0.4rem;
    width: 100%;
    height: 0.6rem;
    color: white;
    background: #2656aa;
    font-size: 0.3rem;
  }
}
.ChangePassword {
  padding-top: 1.1rem;
  > p {
    font-size: 0.12rem;
    color: #818180;
  }
}
.Inmail {
  .InmailBox {
    padding: 0.1rem 0.4rem;
    display: flex;
    align-items: center;
    border-bottom: 0.01rem solid #e7e7e7;
    > span {
      display: block;
      width: 0.7rem;
      height: 0.3rem;
      &.check {
        i {
          display: none;
        }
      }
      i {
        background: rgb(192, 57, 43);
        display: inline-block;
        width: 0.08rem;
        height: 0.08rem;
        border-radius: 100%;
      }
    }
    .mailBox {
      width: 6rem;
      > ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.05rem;
        li {
          &:nth-child(1) {
            font-size: 0.14rem;
            color: #373737;
            font-weight: bold;
          }
          &:nth-child(2) {
            img {
              width: 0.2rem;
              height: 0.2rem;
            }
          }
        }
      }
      > p {
        font-size: 0.14rem;
      }
      > .time {
        margin-top: 0.05rem;
        font-size: 0.12rem;
        color: #373737;
      }
    }
  }
}
.ICourse {
  padding: 0rem 0.4rem;
  .icourseBox {
    border: 0.01rem solid rgb(149, 165, 166);
    margin-bottom: 0.2rem;
    a {
      > .title {
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.14rem;
        padding-left: 0.1rem;
      }
      > img {
        width: 100%;
      }
    }
  }
}
.ICourseinfo {
  > img {
    width: 100%;
  }
}
.money {
  color: rgb(211, 84, 0);
}
.CourseDetails {
  .setupbox {
    border-top: 0.02rem solid black;
    position: fixed;
    bottom: 0rem;
    width: 100%;
    z-index: 99999;
    > .title {
      padding-right: 0.4rem;
      display: flex;
      justify-content: space-between;
    }
  }
}
.TrainingTeacher {
  .Trainlist {
    padding-top: 0.6rem;
  }
  > .title {
    padding: 0rem 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-bottom: 0.2rem;
    border-bottom: 0.01rem solid #e5e5e5;
    height: 0.6rem;
    line-height: 0.6rem;
    position: fixed;
    top: 1.1rem;
    z-index: 100;
    background: white;
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    color: #1e1d1d;
  }
}
.right {
  select {
    option {
      font-size: 0.16rem;
    }
  }
}
.scroll {
  // white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  .tab_tags {
    font-size: 0.13rem;
    white-space: nowrap;
  }
}
.DemandSurvey {
  padding: 0rem 0.3rem;
  margin-top: 0.4rem;
  padding-bottom: 0.5rem;
  > .title {
    font-size: 0.14rem;
  }
  .subbtn {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    color: white;
    text-align: center;
    background: #209ae8;
  }
}
.demandbox {
  margin-bottom: 0.2rem;
  > .title {
    padding: 0.25rem 0.3rem;
    font-size: 0.24rem;
    color: #333333;
    background: #fdf9eb;
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .select_btn {
    font-size: 0.26rem;
    padding: 0rem 0.3rem;
    margin-top: 0.05rem;
    margin-bottom: 0.2rem;
    border: 0.01rem solid #dbdada;
    height: 0.7rem;
    line-height: 0.7rem;
    display: flex;
    align-items: center;
    .checkbox_style {
      display: none;
    } //先隐藏
    label {
      display: inline;
    }
    .checkbox_style + label {
      background-color: #fff;
      border: 0.01rem solid #8a8a8a;
      padding: 0.07rem;
      display: inline-block;
      position: relative;
      float: left;
      width: 0.4rem;
      height: 0.4rem;
      line-height: 0.4rem;
      // border-radius: 100%;
      margin-right: 0.2rem;
    }
    .checkbox_style:checked + label {
      background-color: #209ae8;
      border: 0.01rem solid #209ae8;
      color: #209ae8;
    }
    .checkbox_style:checked + label:after {
      content: " \2714";
      position: absolute;
      top: 0rem;
      left: 0rem;
      width: 100%;
      padding: 0 0 0.01rem;
      color: white;
      text-align: center;
      font-size: 0.24rem;
    }
  }
  .shuruBox {
    .redio {
      ul {
        border-radius: 0.07rem;
        border: 0.01rem solid #dbdada;
        li {
          &:not(:last-child) {
            border-bottom: 0.01rem solid #dbdada;
          }
          height: 0.8rem;
          line-height: 0.8rem;
          padding-left: 0.3rem;
          .my_protocol {
            display: flex;
            align-items: center;
            font-size: 0.24rem;
          }
          /*隐藏checkbook*/
          .my_protocol .input_agreement_protocol {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            display: none;
          }
          /*未被选中时*/
          .my_protocol .input_agreement_protocol + span {
            display: inline-block;
            width: 0.4rem;
            height: 0.4rem;
            background: url("../images/icon_check.png") no-repeat;
            background-size: cover;
            margin-right: 0.3rem;
            // float: left;
          }
          /*选中checkbox时，修改背景图*/
          .my_protocol .input_agreement_protocol:checked + span {
            background: url("../images/icon_checkbox_checked.png") no-repeat;
            background-size: cover;
          }
        }
      }
    }
    input {
      border: 0.01rem solid #dbdada;
      width: 100%;
      padding: 0.2rem 0.25rem;
    }
    textarea {
      width: 100%;
      padding: 0.15rem 0.2rem;
    }
  }
}
.CourseList {
  background: #f2f2f2;
  > .bigcourse {
    padding: 0.2rem 0.3rem;
    margin-bottom: 0.2rem;
    background: white;
    > .title {
      font-size: 0.3rem;
      color: #8f8f8f;
      font-weight: bold;
      margin-bottom: 0.3rem;
    }
    > .center {
      > .solt {
        display: flex;
        align-items: center;
        font-size: 0.18rem;
        color: #8f8f8f;
        margin-bottom: 0.2rem;
        > .left {
          width: 3.9rem;
        }
      }
      > .cour {
        > ul {
          display: flex;
          align-items: center;
          margin-bottom: 0.15rem;
          > li {
            &:nth-child(1) {
              font-size: 0.18rem;
              width: 4rem;
            }
            &:nth-child(2) {
              font-size: 0.16rem;
              color: #003087;
              width: 0.8rem;
            }
            &:nth-child(3) {
              a {
                display: inline-block;
                width: 0.55rem;
                font-size: 0.14rem;
                color: white;
                background: #ff6600;
                text-align: center;
                line-height: 0.3rem;
                height: 0.3rem;
                border-radius: 0.07rem;
              }
            }
          }
        }
      }
    }
  }
}
.Homework {
  background: #f2f2f2;
  > .HomeworkInof {
    background: white;
    margin-bottom: 0.2rem;
    padding: 0.5rem 0.3rem;
    > .title {
      font-size: 0.3rem;
      font-weight: bold;
      color: #a1a1a1;
      margin-bottom: 0.5rem;
    }
    > .tabbox {
      > .flex {
        margin-bottom: 0.3rem;
        > .title {
          font-size: 0.18rem;
          font-weight: bold;
        }
        > .time {
          color: #244ce9;
          font-size: 0.18rem;
        }
      }
      > p {
        color: #646464;
        font-size: 0.18rem;
      }
      > .down {
        margin-top: 0.5rem;
        width: 2.5rem;
        height: 0.7rem;
        line-height: 0.7rem;
        background: #3366ee;
        text-align: center;
        display: inline-block;
        color: white;
        border-radius: 0.07rem;
        font-size: 0.32rem;
      }
      .Score {
        color: #646464;
        font-size: 0.18rem;
        margin-bottom: 0.3rem;
        > span {
          display: inline-block;
          color: red;
          font-size: 0.3rem;
          font-weight: bold;
          margin-right: 0.05rem;
        }
      }
    }
    > .myhomework {
      > li {
        margin-right: 0.2rem;
        > a {
          margin-top: 0.5rem;
          width: 2.5rem;
          height: 0.7rem;
          line-height: 0.7rem;
          background: #f6f5f5;
          text-align: center;
          display: inline-block;
          color: white;
          border-radius: 0.07rem;
          font-size: 0.32rem;
          border: 0.01rem solid #d2d2d2;
          color: #6f6f6f;
        }
      }
    }
  }
}
.mt30 {
  margin-top: 0.3rem;
}
.TestResults {
  display: flex;
  align-items: center;
  > .Score {
    margin-bottom: 0rem !important;
  }
}
.TestBy {
  margin-left: 0.1rem;
  display: inline-block;
  padding: 0rem 0.15rem;
  // width: 0.7rem;
  line-height: 0.3rem;
  height: 0.3rem;
  font-size: 0.16rem;
  text-align: center;
  background: green;
  color: white;
  border-radius: 0.1rem;
  &.Failure {
    background: red;
  }
}
.ExaminationRemark {
  font-size: 0.14rem !important;
  margin-top: 0.1rem;
}
.uploadimg {
  padding: 0.3rem;
  .uploadBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  > p {
    margin-top: 0.05rem;
  }
  .head-img {
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 1.25rem;
  }
  > .Describe {
    margin-top: 1rem;
    font-size: 0.14rem;
    color: #646464;
    > p {
      line-height: 0.3rem;
    }
  }
  > .btn {
    margin-top: 0.4rem;
    > ul {
      display: flex;
      justify-content: space-between;
      li {
        &:nth-child(1) {
          a {
            width: 2.5rem;
            height: 0.7rem;
            line-height: 0.7rem;
            color: white;
            background: #3366cc;
            display: inline-block;
            text-align: center;
            font-size: 0.28rem;
            border-radius: 0.06rem;
          }
        }
        &:nth-child(2) {
          > .upbtn {
            width: 2.5rem;
            height: 0.7rem;
            line-height: 0.7rem;
            color: white;
            background: #ff6600;
            display: inline-block;
            text-align: center;
            font-size: 0.28rem;
            border-radius: 0.06rem;
          }
        }
      }
    }
  }
}
.no-bot {
  margin-bottom: 0rem !important;
}
.timeShow {
  padding: 0rem 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.01rem solid #e5e5e5;
  padding-bottom: 0.1rem;
  .time {
    > ul {
      display: flex;
      align-items: center;
      li {
        img {
          width: 0.3rem;
          height: 0.3rem;
        }
        span {
          color: #7f7f7f;
          font-size: 0.3rem;
        }
      }
    }
  }
  .Sheet {
    > ul {
      display: flex;
      li {
        width: 1.2rem;
        height: 0.45rem;
        line-height: 0.45rem;
        text-align: center;
        border: #c9c9c9 0.01rem solid;
        border-radius: 0.06rem;
        font-size: 0.26rem;
        &:nth-child(1) {
          margin-right: 0.2rem;
        }
      }
    }
  }
}
.SheetBox {
  z-index: 99999;
  width: 100%;
  position: fixed;
  background: white;
  right: 0rem;
  border: 0.01rem solid #e0e0e0;
  border-radius: 0.04rem;
  top: 0rem;
  overflow: auto;
  height: 100%;

  > .top {
    padding: 0.1rem 0.3rem;
    border-bottom: 0.01rem solid #e0e0e0;
    position: fixed;
    top: 0rem;
    width: 100%;
    background: white;
    > ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
      li {
        display: inline-block;
        img {
          width: 0.35rem;
          height: 0.35rem;
        }
        &:nth-child(1) {
          width: 0.35rem;
          height: 0.35rem;
        }
        &:nth-child(2) {
          font-size: 0.3rem;
          font-weight: bold;
        }
      }
    }
  }
  .bottom {
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0rem;
    width: 100%;
    background: white;
    padding: 0.15rem 0rem;
    button {
      width: 5rem;
      display: inline-block;
      border-radius: 0.06rem;
      height: 0.7rem;
      line-height: 0.7rem;
      text-align: center;
      font-size: 0.26rem;
      background: #3c76d0;
      color: white;
    }
  }
  .ti {
    height: 100%;
    overflow: auto;
    padding: 0.3rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
  .smllbox {
    margin-bottom: 0.25rem;
    > .title {
      font-size: 0.16rem;
      margin-bottom: 0.25rem;
    }
    > .center {
      ul {
        display: flex;
        align-items: center;
        // justify-content: space-between;
        flex-wrap: wrap;
        li {
          width: 20%;
          margin-bottom: 0.25rem;
          // margin-right: 0.6rem;
          &.checked {
            a {
              background: #3c76d0;
              color: white;
            }
          }
          a {
            display: inline-block;
            width: 0.5rem;
            height: 0.5rem;
            border-radius: 100%;
            font-size: 0.3rem;
            color: #333333;
            border: 0.01rem solid #bbbbbb;
            text-align: center;
            line-height: 0.5rem;
          }
        }
      }
    }
  }
}
.Exam {
  padding: 0rem 0.2rem;
  padding-top: 0.3rem;
  .subbtn {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    color: white;
    text-align: center;
    background: #ff6600;
  }
}
.HelpinfoBox {
  padding-bottom: 0.5rem;
  img {
    width: 100%;
  }
  .b-line {
    position: relative;
  }

  .b-line:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.01rem;
    border-bottom: 0.01rem solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }

  .submenu {
    display: none;
    padding-left: 0.2rem;
    position: relative;
  }

  .accordion {
    padding: 0.05rem 0.15rem;
  }

  .aui-menu-item {
    /* height: 0.4rem; */
    line-height: 0.4rem;
    padding: 0.05rem 0;
  }

  .accordion li i {
    position: absolute;
    color: #a7a7a7;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-size: 0.16rem;
  }

  .link {
    font-size: 0.16rem;
    padding-left: 0.25rem;
  }

  .submenu p {
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding-bottom: 0.1rem;
  }

  .aui-icon-q {
    background: url()
      no-repeat;
    background-size: 0.16rem;
    box-sizing: border-box;
    width: 0.16rem;
    height: 0.16rem;
    position: absolute;
    left: 0;
    top: 0.16rem;
  }

  .accordion .icon-dow {
    position: absolute;
    background-size: 0.2rem;
    right: 0;
    top: 0.16rem;
    background-image: url("");
  }

  .accordion li.open i.icon-dow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .accordion li.open i.icon-dow {
    background-image: url("");
  }

  .accordion li.open i.aui-icon-q {
    background: url()
      no-repeat;
    background-size: 0.16rem;
  }

  .accordion li.open .link {
    color: #fb7414;
  }

  .icon-a {
    position: absolute;
    top: 0;
    left: 0;
    background-size: 0.16rem;
    background: url()
      no-repeat left 0.09333rem;
  }
}
.LearningProcess {
  > .title {
    text-align: center;
    font-size: 0.24rem;
    height: 0.5rem;
    line-height: 0.5rem;
  }
  > .center {
    .timeline {
      position: relative;
      text-align: left;
    }

    .timeline::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0.18rem;
      height: 100%;
      width: 0.02rem;
      // background: url("../images/v-line.png");
      background: #d2d2d2;
    }
    .Headlines {
      margin: -0.21rem;
      font-size: 0.2rem;
      color: #868686;
    }
    .ctimeline-img {
      position: relative;
      left: 0.12rem;
      top: 0.2rem;
      width: 0.13rem;
      height: 0.13rem;
      background: url("../images/point-h.png");
      background-size: 0.13rem 0.13rem;
      img {
        width: 100%;
        height: 100%;
      }
    }

    .cd-date {
      font-size: 0.12rem;
      color: #cccccc;
    }

    .item {
      float: left;
      clear: both;
      margin-bottom: 0.23rem;
    }

    /* 向上的箭头 */
    .dot-top {
      position: relative;
      top: 0.31rem;
      left: 0.5rem;
      font-size: 0;
      line-height: 0;
      border: 0.1rem dashed #eeeeee;
      border-top-width: 0;
      border-right-color: transparent;
      border-bottom-style: solid;
      border-left-color: transparent;
    }

    .msgBox {
      border: 0.02rem solid #eeeeee;
      width: 100%;
      padding: 2%;
      margin-top: 2%;
      > .name {
        margin-bottom: 0.1rem;
      }
      > .time {
        > ul {
          font-size: 0.14rem;
          > li {
            > ul {
              margin-bottom: 0.05rem;
              display: flex;
              align-items: center;
              > li {
                &:nth-child(1) {
                  margin-right: 0.05rem;
                }
                &:nth-child(3) {
                  width: 0.15rem;
                  margin-left: 0.05rem;
                  img {
                    position: relative;
                    top: -0.02rem;
                    width: 100%;
                  }
                }
              }
            }
          }
        }
      }
      > .VideoLearn {
        > ul {
          font-size: 0.14rem;
          > li {
            > ul {
              margin-bottom: 0.05rem;
              display: flex;
              align-items: center;
              > li {
                &:nth-child(1) {
                  margin-right: 0.05rem;
                }
              }
            }
          }
        }
      }
      > .Bar {
        position: relative;
        width: 4rem;
        /* 宽度 */
        border: 0.01rem solid #b1d632;
        padding: 0.01rem;
        > div {
          display: block;
          position: relative;
          background: #1890ff; /* 进度条背景颜色 */
          color: #333333;
          height: 0.2rem; /* 高度 */
          line-height: 0.2rem;
          /* 必须和高度一致，文本才能垂直居中 */
          > span {
            padding-left: 0.1rem;
            color: white;
          }
        }
      }
    }
    .r-info {
      position: relative;
      top: 0rem;
      left: 0.3rem;
      width: 80%;
    }

    .tab_Course {
      padding: 0.8rem 0.1rem;
      margin-top: 0.2rem;
    }
    .wlbtnbox {
      > .wlbtn {
        padding: 0.09rem 0.15rem;
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        background: #fff;

        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin: 0;
        transition: 0.1s;
        font-weight: 500;
        color: #fff;
        &.primary {
          background-color: #409eff;
          border-color: #409eff;
        }
        &.success {
          background-color: #67c23a;
          border-color: #67c23a;
        }
        &.info {
          background-color: #909399;
          border-color: #909399;
        }
        &.warning {
          background-color: #e6a23c;
          border-color: #e6a23c;
        }
        &.danger {
          background-color: #f56c6c;
          border-color: #f56c6c;
        }
        &.look {
          border: 0.01rem solid #dcdfe6;
          color: #606266;
        }
      }
    }
    .up {
      > .upbtn {
        padding: 0.09rem 0.15rem;
        display: inline-block;
        color: white;
        background: #ff6600;
        display: inline-block;
        text-align: center;
        font-size: 0.16rem;
        border-radius: 0.06rem;
      }
    }
    .timeline_Finish {
      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0.18rem;
        height: auto;
        width: 0.02rem;

        background: #1890ff;
      }
      .ctimeline-img {
        position: relative;
        left: 0.12rem;
        top: 0.2rem;
        width: 0.13rem;
        height: 0.13rem;
        background: url("../images/point.png");
        background-size: 0.13rem 0.13rem;
      }
    }
  }
}
.PaymentBtn {
  position: fixed;
  bottom: 0rem;
  border-top: 0.01rem solid #f2f2f2;
  height: 0.8rem;
  width: 100%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  padding-top: 0.1rem;
  > button {
    width: 80%;
    color: 0.32rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #e96e1c;
    color: white;
    font-size: 0.28rem;
    font-weight: bold;
    border-radius: 0.06rem;
  }
}
.Teachers {
  .Trainbox {
    background: #efeff2;
  }
}
.indexnewstitle{
  display:flex;
  align-items: flex-end;
  border-bottom: 0.02rem solid #d7dde4;
  margin:0 .4rem;
  
  .tablist{

    background-color:white;
    width:4.5rem;
    border-bottom: none;
    .tab_tags{
      font-weight: bold;
    }
  }
  .more{
    position: relative;
    top: -0.08rem;
    a{
      color:#255596;

    }
    height: .3rem;
    display:flex;
    justify-content:center;
    align-items:center;
  }
}